<template>
	<div>
		<div class="commonWidth">
			<div class="displayFlex mb10">
				<span class="mr10" style="width:100px">企业标识号</span>
				<el-input v-model="params2.identityCode" style="width:200px" placeholder="企业标识号"></el-input>
			</div>
			<div class="displayFlex mb10">
				<span class="mr10" style="width:100px">系统使用时间</span>
				<el-date-picker value-format="yyyy-MM-dd" v-model="params2.registerTime" style="width:200px"
					placeholder="系统使用时间" @change="updateRegisterTime"></el-date-picker>
			</div>
			<div class="panel panel-default" style="margin: 0 0 20px 0;">
				<div class="panel-heading" style="margin-bottom: 10px;">待审批申请</div>
				<div class="panel-body collapse in ">
					<el-table tooltip-effect="dark" v-if="pendingApproveUserList.length > 0"
						:data="pendingApproveUserList" ref="dataSelectTable" style="width: 100%">
						<el-table-column label="申请人" prop="chineseName">
						</el-table-column>
						<el-table-column label="申请人电话" prop="phoneNum">
						</el-table-column>
						<el-table-column label="申请状态" prop="userStatus">
						</el-table-column>
						<el-table-column label="操作" prop="contacts" align="center">
							<template scope="scope">
								<el-button type="text" size="small" @click="applyApproved(scope.row)">通过</el-button>
								<el-button type="text" size="small" @click="applyReject(scope.row.id)">拒绝</el-button>
							</template>
						</el-table-column>
					</el-table>
				</div>
			</div>
			<div class="panel panel-default" style="margin: 0 0 20px 0;position: relative;">
				<div class="panel-heading" style="margin-bottom: 10px;">已加入员工</div>
				<div class="panel-body collapse in ">
					<el-table tooltip-effect="dark" @selection-change="handleSelectionChange"
						v-if="approvedUserList.length > 0" :data="approvedUserList" ref="dataSelectTable"
						style="width: 100%">
						<el-table-column label="姓名" prop="chineseName">
						</el-table-column>
						<el-table-column label="电话" prop="phoneNum">
						</el-table-column>
						<el-table-column label="身份" prop="roleName">
						</el-table-column>
						<el-table-column label="权限" prop="authorityName">
							<template scope="scope">
								<el-select v-model="scope.row.authorityCodeList" multiple
									@focus="updateAuthority(scope.row)" placeholder="请选择权限" size="small"
									@change="updateCompanyAction">
									<el-option label="环评、排污许可证等信息管理权限" value="BASE_DOCUMENT">
									</el-option>
									<el-option label="危废管理权限" value="DANGER_WASTE">
									</el-option>
									<el-option label="固废管理权限" value="COMMON_WASTE">
									</el-option>
									<el-option label="废气管理权限" value="WASTE_GAS">
									</el-option>
									<el-option label="废水管理权限" value="WASTE_WATER">
									</el-option>
									<el-option label="生产管理权限" value="PRODUCE">
									</el-option>
									<el-option label="任务权限" value="SCHEDULE">
									</el-option>
								</el-select>
							</template>
						</el-table-column>
						<el-table-column label="操作" prop="contacts" width="230px">
							<template scope="scope">
								<el-button type="text" size="small" @click="beAdmin(scope.row.id)"
									v-if="scope.row.role != 'ADMIN'">设为管理员</el-button>
								<el-button type="text" size="small" @click="unbindUser(scope.row.id)"
									v-if="scope.row.role != 'ADMIN'">清退</el-button>
								<el-button v-if="scope.row.storeUserRelationId" type="text" size="small"
									@click="editInfo(scope.row)">管家信息配置</el-button>
							</template>
						</el-table-column>
					</el-table>
				</div>
			</div>

		</div>
		<el-dialog :visible.sync="visible" width="30%">
			<el-form ref="form" label-width="100px">
				<el-form-item label="企业" prop="roleName">
					<el-select v-model="groupCompanyChildrenEntId" placeholder="请选择关联企业" size="small">
						<el-option v-for="item in companyEntList" :label="item.entName" :value="item.entId">
						</el-option>
					</el-select>
				</el-form-item>
				<!-- <div style="padding: 10px 0;font-weight: bold;text-align: center;margin-bottom: 50px;">是否确认通过审批？</div> -->
				<el-form-item style="text-align: center;margin-left: -90px!important;">
					<el-button type="primary" @click="applyApproved">确定</el-button>
					<el-button @click="visible = false">取消</el-button>
				</el-form-item>
			</el-form>
		</el-dialog>
		<el-dialog :visible.sync="infoVisible" width="30%">
			<el-form ref="infoForm" label-width="100px" :model="info">
				<el-form-item label="擅长：" prop="skill">
					<el-input v-model="info.skill" placeholder="请输入该员工擅长的服务" style="width: 210px"></el-input>
				</el-form-item>
				<el-form-item label="服务企业数：" prop="serviceNum">
					<el-input type="number" v-model="info.serviceNum" placeholder="请输入服务企业数" style="width: 210px">
					</el-input>
				</el-form-item>
				<el-form-item label="照片：" prop="roleName">
					<el-upload ref="imgUpload" class="avatar-uploader" :action="uploadAction" :show-file-list="false"
						:data="infoImgParam" :on-change="handlePictureChange" :on-success="handleAvatarSuccess"
						:auto-upload="false">
						<img v-if="imageUrl" :src="imageUrl" class="avatar">
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</el-form-item>
				<el-form-item style="text-align: center;margin-left: -90px!important;">
					<el-button type="primary" @click="saveStoreUserRelation">确定</el-button>
					<el-button @click="infoVisible = false">取消</el-button>
				</el-form-item>
			</el-form>
		</el-dialog>
	</div>
</template>

<script>
	let that
	let APPKEY = '5da5441f62e48aedc7a3853ffc75c2db'
	let PRODID = 'gf'
	let UPLOAD_ACTION = '/upload'
	let VIEW_ACTION = '/view'
	let REMOVE_ACTION = '/remove'
	let IMGURL = 'https://www.weifeibangbang.com/wfbb-webupload/service/sys/file/upload'
	let fileViewUrl =
		'https://www.weifeibangbang.com/wfbb-webupload/service/sys/file/upload/view?appKey=5da5441f62e48aedc7a3853ffc75c2db&prodID=gf&fileID='
	export default {
		name: '',
		components: {},
		data() {
			return {
				params: {},
				params2: {},
				tableData: [],
				listLoading: true,
				pageIndex: 1,
				pageSize: 10,
				total: 0,
				visible: false,
				approvedUserList: [],
				groupUserList: [],
				pendingApproveUserList: [],
				userAuthority: '',
				userAuthorityList: [],
				multipleSelection: [],
				currentExtend: null,
				noticeTypeList: [{
						code: 'CONTACT',
						value: '联系'
					},
					{
						code: 'SMAPLE',
						value: '取样'
					},
					{
						code: 'TRANSFER',
						value: '转移'
					},
					{
						code: 'INQUIRY',
						value: '报价追踪'
					},
					{
						code: 'RENEW_ORDER',
						value: '续签合同'
					},
					{
						code: 'PRESS_FOR_MOENY',
						value: '催款'
					},
					{
						code: 'OTHER',
						value: '其他'
					},
				],
				infoVisible: false,
				info: {},
				uploadAction: IMGURL + '/upload',
				infoImgParam: {
					'appKey': APPKEY,
					'prodID': PRODID,
					businessCode: ''
				},
				imageUrl: '',
				currentItem: {},
				groupCompanyChildrenEntId: '',
				companyEntList: []
			}
		},
		created: function() {},
		mounted: function() {
			that = this
			that.params.ticketId = that.$store.state.token
			this.loadApprovedUserList();
			this.loadPendingApprovedUserList();
			
			that.ajax({
				url: '/bbepLicenceEnt/getRelation?ticketId=' + that.params.ticketId,
				dataType: 'json',
				data: JSON.stringify({}),
				contentType: 'application/json',
				success: function(result) {
					that.params2 = result.data
				}
			})
			
			//this.getUserAuthorityList();
			//this.getGroupEntUserList();

		},
		methods: {
			
			updateRegisterTime(){
				that.ajax({
					url: '/bbepLicenceEnt/updateRegisterTime?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: JSON.stringify({
						registerTime:that.params2.registerTime
					}),
					contentType: 'application/json',
					success: function(result) {
						that.$message.success("配置成功！")
					}
				})
			},
			
			getGroupEntUserList: function() {
				var _this = this;
				that.ajax({
					url: '/user/getGroupEntUserList?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: {},
					success: function(result) {
						if (result.status == 1) {
							_this.groupUserList = result.data;
						}
					}
				})
			},
			handleSelectionChange: function(val) {
				this.multipleSelection = val;
			},
			saveStoreUserRelations: function() {
				var _this = this;
				if (_this.multipleSelection.length == 0) {
					that.$message({
						message: "请至少选择一个员工",
						type: 'info'
					});
					return;
				}
				var list = [];
				_this.multipleSelection.forEach(function(t) {
					if (!t.storeUserRelationId) {
						list.push({
							userId: t.sysUserId,
						});
					}
				})
				that.ajax({
					url: '/scoreStore/saveStoreUserRelationList?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: JSON.stringify(list),
					contentType: 'application/json',
					success: function(result) {
						that.$message({
							message: "请至少选择一个员工",
							type: 'success'
						});
						_this.loadApprovedUserList();
					}
				})
			},
			deleteStoreUserRelations: function() {
				var _this = this;
				if (_this.multipleSelection.length == 0) {
					that.$message({
						message: "请至少选择一个员工",
						type: 'info'
					});
					return;
				}
				var list = [];
				_this.multipleSelection.forEach(function(t) {
					list.push(t.storeUserRelationId);
				})
				that.ajax({
					url: '/scoreStore/deleteStoreUserRelation?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: JSON.stringify(list),
					contentType: 'application/json',
					success: function(result) {
						that.$message({
							message: "移除成功",
							type: 'success'
						});
						_this.loadApprovedUserList();
					}
				})
			},
			saveStoreUserRelation: function() {
				var _this = this;
				_this.$refs.imgUpload.submit();
				that.ajax({
					url: '/scoreStore/saveStoreUserRelation?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: _this.info,
					success: function(result) {
						that.$message({
							message: "保存成功",
							type: 'success'
						});
						_this.infoVisible = false;
						_this.loadApprovedUserList();
					}
				})
			},
			initImg: function() {
				var _this = this;
				that.ajax({
					url: "/fileUpload/getFileByBusinessCode?ticketId=" + that.params.ticketId,
					data: {
						'businessCode': "c" + _this.currentItem.sysUserId,
						'ticketId': that.params.ticketId
					},
					type: "POST",
					dataType: 'json',
					async: false,
					success: function(data) {
						if (data.status == 1) {
							var uploadFileInfo = data.data.uploadFileInfo;
							if (uploadFileInfo) {
								_this.imageUrl =
									IMG_VIEW_URL + '&businessCode=' + uploadFileInfo.businessCode +
									'&fileID=' +
									uploadFileInfo.fileId
							}
						}
					}
				});
			},
			editInfo: function(item) {
				var _this = this;
				_this.currentItem = item;
				_this.imageUrl = '';
				_this.infoImgParam.businessCode = 'c' + _this.currentItem.sysUserId;
				_this.info = {
					id: _this.currentItem.storeUserRelationId,
					userId: _this.currentItem.sysUserId,
					skill: _this.currentItem.skill,
					serviceNum: _this.currentItem.serviceNum
				}
				_this.initImg();
				_this.infoVisible = true;
			},
			handleAvatarSuccess: function(response, file, fileList) {
				var _this = this;
				var message = file.response.message;
				_this.saveImg(message.fileFingerPrint, message.fileID);
			},
			handlePictureChange: function(file, fileList) {
				var _this = this;
				_this.imageUrl = file.url;
			},
			saveImg: function(fileFingerPrint, fileID) {
				var _this = this;
				that.ajax({
					url: "/fileUpload/updateFileByBusinessCode?ticketId=" + that.params.ticketId,
					data: {
						'businessCode': 'c' + _this.currentItem.sysUserId,
						'fileFingerPrint': fileFingerPrint,
						'fileId': fileID,
						'fileType': 'c',
						'referenceId': _this.currentItem.sysUserId,
						'ticketId': that.params.ticketId
					},
					type: "POST",
					dataType: 'json',
					async: false,
					success: function(data) {}
				});
			},
			unbindUser: function(id) {
				var _this = this;
				that.ajax({
					dataType: "json",
					url: "/myenterprise/enterpriseExit.htm?etc=" + new Date().getTime() +
						"&ticketId=" + that.params.ticketId,
					data: {
						"recordid": id
					},
					success: function(result) {
						_this.loadApprovedUserList();
						that.$message({
							message: "清退成功",
							type: 'success'
						});

					}
				});
			},
			beAdmin: function(id) {
				this.updateRole(id, "ADMIN");
			},
			updateRole: function(id, role) {
				var _this = this;
				that.ajax({
					url: "/myenterprise/updateUserRole",
					data: {
						"id": id,
						"role": role,
						"ticketId": that.params.ticketId
					},
					dataType: "json",
					success: function(result) {
						_this.loadApprovedUserList();
						that.$message({
							message: "设置成功",
							type: 'success'
						});
					}
				});
			},
			approve: function(item) {
				this.userAuthority = '';
				this.visible = true;
				this.currentExtend = item;
			},
			updateAuthority: function(item) {
				this.currentExtend = item;
			},
			updateNoticeType: function(list) {
				var _this = this;
				var noticeTypes = list.join(",");
				var param = {
					id: _this.currentExtend.id,
					noticeTypes: noticeTypes
				}
				that.ajax({
					url: '/user/updateUserExtendedById.htm?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: param,
					success: function(result) {}
				})
			},
			updateCompanyAction: function(val) {
				var _this = this;
				var param = {
					userId: _this.currentExtend.sysUserId,
					authorityCodeList: _this.currentExtend.authorityCodeList,
				}
				that.ajax({
					url: '/bbepUserAuthority/saveBbepUserAuthority?ticketId=' + that.params
						.ticketId,
					contentType: 'application/json',
					data: JSON.stringify(param),
					success: function(result) {}
				})
			},

			loadApprovedUserList: function() {
				var _this = this;
				_this.getList(function(list) {
					if (!list) {
						list = [];
					}
					list.forEach(function(t) {
						if (t.noticeTypes) {
							t.noticeTypes = t.noticeTypes.split(",")
						} else {
							t.noticeTypes = []
						}
					})
					_this.approvedUserList = list;
				}, 'PASS');
			},
			loadPendingApprovedUserList: function() {
				var _this = this;
				_this.getList(function(list) {
					if (!list) {
						list = [];
					}
					_this.pendingApproveUserList = list;
				}, 'SUBMIT');
			},
			getList: function(callback, status) {
				var _this = this;
				_this.listLoading = true;
				var param = {
					userStatus: status
				}
				that.ajax({
					url: '/bbepUserAuthority/listBbepUserApproveVo?ticketId=' + that.params.ticketId,
					dataType: 'json',
					data: param,
					success: function(result) {
						_this.listLoading = false;
						if (result.status == 1) {
							callback(result.data)
						}
					}
				})
			},
			applyApproved: function(currentExtend) {
				var _this = this;
				that.ajax({
					url: "/myenterprise/updateUserStatus.htm?etc=" + new Date().getTime() +
						"&ticketId=" + that.params.ticketId,
					data: {
						"recordid": currentExtend.id,
						"userStatus": 'PASS',
						//"groupCompanyChildrenEntId": _this.groupCompanyChildrenEntId
					},
					dataType: "json",
					success: function(result) {
						if (result.status == 1) {
							_this.loadApprovedUserList();
							_this.loadPendingApprovedUserList();
							_this.visible = false;
							that.$message({
								message: "通过成功",
								type: 'success'
							});
						}
					}
				});
			},
			applyReject: function(id) {
				that.ajax({
					url: "/myenterprise/updateUserStatus.htm?etc=" + new Date().getTime() +
						"&ticketId=" + that.params.ticketId,
					dataType: "json",
					data: {
						"recordid": id,
						"userStatus": 'REJECT'
					},
					success: function(result) {
						if (result.status == 1) {
							that.$message({
								message: "拒绝成功",
								type: 'success'
							});
						}
					}
				});
			}

		}
	}
</script>

<style scoped>
	[v-cloak] {
		display: none;
	}

	.buy_item b {
		color: #6a7580;
		font-size: 12px;
		font-weight: 100;
	}

	.buy_item em,
	.buy_item em b {
		color: #222222;
		font-size: 14px;
		font-style: normal;
		margin-right: 22px;
	}

	.buy_item em b {
		margin-right: 1px;
		font-weight: normal !important;
		font-family: Microsoft YaHei;
	}

	.buy_item a {
		text-decoration: none;
	}

	.buy_item a:hover em {
		color: #1171d1;
	}

	.status {
		font-size: 13px;
		display: inline-block;
		border: 1px solid #ccc;
		padding: 0 3px;
		border-radius: 4px;
	}

	.status.ACCEPT,
	.status.APPROVED,
	.status.DONE {
		color: #18caa6;
		border: 0;
	}

	.status.SUBMIT,
	.status.INSIDE_APPLY,
	.status.ONGOING {
		color: #0046C2;
		border: 0;
	}

	.status.REJECT,
	.status.CANCEL {
		color: rgb(255, 71, 76);
		border: 0;
	}

	.status.REFUSED {
		color: #97a4b4;
		border: 1px solid #97a4b4;
	}

	.panel {
		margin-bottom: 20px;
	}

	.search-container {
		border: 1px solid rgba(220, 223, 230, 1);
		padding: 15px 15px 0 15px;
	}

	.el-button+.el-button {
		margin-left: 5px;
	}

	.searchDiv {
		margin-bottom: 10px
	}

	.searchDiv .info {
		/*margin-bottom: 12px;*/
	}

	.searchDiv b {
		color: #6b7580;
		font-size: 12px;
		font-weight: 100;
	}

	.searchDiv .el-button--text {
		color: #222222;
		font-size: 12px;
	}

	.searchDiv .el-button--text.select {
		color: #1171d1;
		font-weight: bold;
	}

	.searchDiv .el-input__inner {
		height: 30px;
		width: 150px;
	}

	.searchDiv .form_datetime {
		height: 30px;
		width: 166px;
		float: left;
		margin-left: 10px;
		border: 1px solid #a5b5c5;
		box-shadow: none;
	}

	.searchDiv .form_datetime .form-control {
		height: 28px;
		padding: 0 9px;
		box-shadow: none !important;
		border: none;
	}

	.searchDiv .form_datetime .input-group-addon {
		border-left: 1px solid #a5b5c5;
		background-color: #ffffff;
	}

	.datetimepicker .table-condensed>thead>tr>th,
	.datetimepicker .table-condensed>tbody>tr>th,
	.datetimepicker .table-condensed>tfoot>tr>th,
	.datetimepicker .table-condensed>thead>tr>td,
	.datetimepicker .table-condensed>tbody>tr>td,
	.datetimepicker .table-condensed>tfoot>tr>td {
		padding: 8px;
	}

	.qipao_logo {
		font-size: 13px;
		color: #1171d1;
	}

	.qipao_logo img {
		width: 16px;
		height: 16px;
		margin-right: 4px;
		position: relative;
		top: -1.6px;
	}

	.yearSelect {
		float: right;
		margin-left: 16px;
		width: 200px;
		position: relative;
	}

	.yearSelect:after {
		border: solid transparent;
		content: ' ';
		height: 0;
		top: 11px;
		position: absolute;
		width: 0;
		border-width: 6px;
		border-top-width: 8px;
		border-top-color: #bfcbd9;
		left: 181px;
	}

	.yearSelect input {
		height: 30px;
		line-height: 30px;
		padding: 0;
		padding-left: 10px;
		border: 1px solid #a6b5c8;
		border-radius: 3px;
		font-size: 12px;
		width: 200px;
		position: relative;
	}

	.over {
		width: 80px;
		height: 30px;
		line-height: 30px;
		padding: 0;
		background: #1171d1;
	}

	.bar {
		background-color: #ffffff;
		line-height: 40px;
		margin: 20px 0;
		font-size: 12px;
	}

	.search_bd,
	.bar {
		padding: 0 16px;
	}

	.bar {
		padding: 6px 15px;
		line-height: 30px;
	}

	.bar .barct .condition {
		color: #6a7580;
	}

	.bar .barct .par {
		margin-left: 20px;
		color: #222;
		font-size: 12px;
		display: inline-block;
	}

	.bar .barct em {
		font-style: normal;
		color: #222;
		font-size: 12px;
		display: inline-block;
		vertical-align: middle;
	}

	.bar .barct b {
		font-weight: 100;
		color: #6a7580;
	}

	.bar .barct .par em {
		color: #1171d1;
		font-family: Microsoft YaHei;
		font-weight: normal;
		font-size: 14px;
		vertical-align: middle;
	}

	.bar .barct .par.money em {
		color: rgb(255, 71, 76);
	}

	.comment_btn.el-button--text {
		color: #1171d1;
		font-size: 13px;
	}

	.comment_icon {
		/* background: url(../../../../app/img/commented_not.png) center no-repeat; */
		width: 16px;
		height: 16px;
		position: absolute;
		margin-left: -22px;
		margin-top: 10px;
	}

	.comment_icon.commented {
		/* background: url(../../../../app/img/commented.png) center no-repeat; */
	}

	.comment_btn.el-button--text .el-icon-arrow-down,
	.comment_btn.el-button--text .el-icon-arrow-up {
		font-size: 12px;
		margin-left: 5px;
	}

	.comment_container {
		background-color: #fff;
		padding: 20px;
		margin: -9px 10px 10px;
	}

	.comment_container textarea {
		background-color: #f6f7fb;
	}

	.comment_container>p {
		color: #222222;
		font-size: 16px;
	}

	.comment_container table {
		width: 100%;
		margin-bottom: 10px;
	}

	.comment_container table tr td:first-child {
		width: 88px;
		padding-right: 0;
		vertical-align: top;
		border-right: 0;
	}

	.comment_container table tr td:first-child+td {
		padding-left: 6px;
		border-left: 0;
	}

	.comment_container table tr td,
	.comment_container table tr th {
		border: 1px solid #d5dde6;
		padding: 12px 17px 12px 17px;
	}

	.comment_container table tr th {
		background-color: #f6f7fb;
		padding: 8px 17px 8px 17px;
	}

	.comment_container .el-button {
		width: 80px;
		height: 26px;
		line-height: 25px;
		padding: 0;
		font-size: 12px;
	}

	label {
		margin-bottom: 0;
	}

	label .el-radio__label {
		color: #6a7580;
	}

	.el-input__icon.is-reverse {
		transform: rotate(180deg);
		top: 10px;
	}

	.comment_btn .el-input__icon {
		position: relative;
		width: 16px;
		color: #1171d1;
	}

	input[type="file"] {
		display: none;
	}

	.el-upload-dragger {
		width: 560px;
	}

	.el-dialog__footer {
		text-align: center;
	}

	.signBtn {
		font-size: 13px !important;
		font-family: Microsoft YaHei !important;
		font-weight: 400 !important;
		color: rgba(85, 85, 85, 1) !important;
		line-height: normal !important;
	}

	.uk-notify {
		z-index: 10000;
	}

	.searchDiv .el-input {
		width: auto;
	}

	.buy_item {
		position: relative;
	}

	.el-date-editor .el-input__icon {
		line-height: 1;
	}

	.inquiry-table {
		margin-top: 20px;
	}

	.inquiry-table td,
	.inquiry-table th {
		border: 1px solid #ebeef5;
		padding: 6px !important;
	}

	.PRODUCT {
		color: #3a3ef4;
		border: 1px solid #3a3ef4;
	}

	#pt .el-input__inner {
		height: 30px;
		width: 200px;
	}

	.tag-search-container .el-input__inner {
		width: 160px !important;
	}

	.el-select__tags {
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.el-table__body,
	.el-table__footer,
	.el-table__header {
		table-layout: initial;
		border-collapse: separate;
		width: auto !important;
	}

	.el-element-width {
		width: 200px !important;
	}

	.wasteCodeError {
		position: absolute;
		z-index: 10;
		background-color: #f56c6c;
		color: #fff;
		padding: 0 10px;
		right: -28px;
		font-size: 12px;
		border-radius: 4px;
		border-bottom-left-radius: 0;
		height: 33px;
		top: 16px;
		line-height: 33px;
	}

	.wasteCodeError:after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		right: 100%;
		top: 11px;
		border-top: 6px solid transparent;
		border-right: 10px solid #f56c6c;
		border-bottom: 6px solid transparent;
	}

	.wasteCodeError.qualityError {
		left: 184px;
		right: auto;
		width: 201px;
		padding: 0;
	}

	.wasteCodeError.qualityError:after {
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-right: 10px solid #f56c6c;
	}

	.errorBorder .el-input__inner,
	.errorBorder .el-input.is-disabled .el-input__inner {
		border-color: #f56c6c;
	}

	.errorBorder .el-input__inner:focus,
	.errorBorder .el-input:focus .is-disabled .el-input__inner:focus {
		border-color: #f56c6c !important;
	}

	.creater-container {
		margin-left: 12px;
		width: 155px;
	}

	.creater-container .el-input__inner {
		width: 155px;
	}

	.creater-container .el-select__tags {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.sum {
		width: 2000px;
		padding: 14px 10px;
		border-bottom: 1px solid #dfe6ec;
	}

	.sum .el-textarea {
		margin-bottom: 10px;
		vertical-align: top;
		max-width: 80%;
		margin-top: -5px;
	}

	font {
		color: #1171d1;
	}

	.totalPriceMessage {
		position: absolute;
		right: 10px;
	}

	.totalPriceMessage button {
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		border: 0;
	}

	.totalText {
		display: inline-block;
		min-width: 150px;
		color: #ff0000;
	}

	.tag-container .el-select__tags {
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.status-pannel {
		position: absolute;
		width: 5px;
		height: 100%;
		top: 0;
		left: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.status-pannel.HARD_IMPORTANT {
		background-color: #D10633;
	}

	.status-pannel.IMPORTANT {
		background-color: #FE4F00;
	}

	.status-pannel.NORMAL {
		background-color: #0046C2;
	}

	.status-pannel.LOW_QUALITY {
		background-color: #00C264;
	}

	.order-manage-menu div {
		background-color: #FFFFFF;
		padding: 5px 20px;
		cursor: pointer;
		font-size: 13px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(85, 85, 85, 1);
	}

	.order-manage-menu div:hover {
		color: #0046C2;
	}

	.popper__arrow {
		display: none !important;
	}

	.avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.avatar-uploader .el-upload:hover {
		border-color: #3a3ef4;
	}

	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}

	.avatar {
		width: 100px;
		height: 100px;
		display: block;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: textfield;
	}

	input[type="number"] {
		-moz-appearance: textfield;
	}

	.extend-flag {
		position: absolute;
		height: 109px;
		top: 6px;
		right: 20px;
		z-index: 999;
		font-size: 14px !important;
	}

	.select-inquiry-type {
		width: auto;
		border: 1px solid #dfe6ec;
		border-bottom: 0;
		padding: 8px 10px;
	}

	.important {
		content: '*';
		color: #f56c6c;
		margin-right: 4px;
	}

	.element-container {
		font-size: 0;
	}

	.element-container .element-item {
		display: inline-block;
		width: 220px;
		height: 10px;
		margin-top: 10px;
		margin-right: 20px;
		font-size: 14px;
	}

	.element-item:nth-child(2n) {
		margin-right: 0;
	}

	.element-item .element-name {
		width: 70px;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: middle;
	}

	.exceed {
		color: #D10633;
	}

	.element-list {
		min-height: 200px;
	}

	.loading {
		width: 100%;
		text-align: center;
		font-size: 36px;
		line-height: 200px;
		color: #1171d1;
	}

	.no-data {
		width: 100%;
		text-align: center;
		line-height: 200px;
	}

	.ent-select .el-input__inner {
		width: 440px;
	}

	.order-code .el-input__inner {
		width: 200px;
	}

	/*
.discuss-dialog .discuss-item {
    margin-bottom: 24px;
}
.discuss-dialog .discuss-content {
    line-height: 20px;
}
.discuss-dialog .list-container {
    margin-bottom: 50px;
}
.discuss-dialog .user-name {
    font-size: 14px;
    font-weight: 500;
    color: #3A3A3A;
}
.discuss-dialog .create-time {
    font-size: 12px;
    font-weight: 400;
    color: #888888;
}
.discuss-dialog .discuss-img-container {
    margin-top: -2px;
    font-size: 0;
}
.discuss-dialog .tag-img {
    display: inline-block;
    vertical-align: middle;
    font-size: 0!important;
    width: 80px;
    height: 80px;
    margin: 5px 5px 0 0;
    cursor: pointer;
}*/
</style>